{__NOLAYOUT__} 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/dist/js/html5shiv.min.js"></script>
      <script src="__PUBLIC__/dist/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    
    <!-- ZUI1.7.0 -->
    <link href="https:__PUBLIC__/dist/css/zui.min.css" rel="stylesheet">

    <!-- Swiper -->
    <link href="__PUBLIC__/dist/css/swiper.min.css" rel="stylesheet">
    
    <link href="/domoko/dist/css/main.css" rel="stylesheet">
</head>
<body>
<div id="page">
    <header>
        <div class="container">
            <div class="logo pull-left"><a href="index.html"><img src="dist/image/logo.png"><span>共建共享教学资源库平台</span></a></div>
            <div class="link pull-left"><a href="##">教案</a><a href="##" class="active">素材</a></div>
            <div class="pull-right right">
                <div class="search pull-left"><input id="search" name="search" type="text" value="" placeholder="搜索"><a class=""></a></div>
                <div class="user pull-left">
                    <a class="photo"><img src="dist/image/user.png"/></a>
                    <a class="name">测试帐号</a>
                    <a class="out">退出</a>
                </div>
            </div>
        </div>
    </header>
    
    <div class="con-head mb-60">
        <!-- <section class="container">
            <h1 class="text-center mb-60">计算机动漫与游戏制作</h1>
            <div class="mb-10">专业编号：0800050<span class="pull-right">创建时间：2017-10-10　　　修改时间：2017-10-10</span></div>
            <div class="mb-60 txt">
                <p>专业简介：</p>
                <p>　　认识二维动画师　是计算机及应用专业的拓展专业，也是目前市场紧俏专业之一。主要培养学生拥有扎实的专业基础知识和美术基本功底，具备较强的创新意识和实践能力认识二维动画师是计算机及应用专业的拓展专业，也是目前市场紧俏专业之一。主要培养学生拥有扎实的专业基础知识和美术基本功底，具备较强的创新意识和实践能力。具备较强的创新意识和实践能力。主要培养学生拥有扎实的专业基础知识和美术基本功底，具备较强的创新意识和实践能力。具备较强的创新意识和实践能力。</p>
                <div class="collapse" id="collapseExample">
                    <p>专业目标：</p>
                    <p>　　目标</p>
                    <p>专业技能：</p>
                    <p>　　技能</p>
                    <p>专业方向：</p>
                    <p>　　方向</p>
                </div>
            </div>
            <div class="text-center"><a class="more" data-toggle="collapse" data-target="#collapseExample">更多详情<br><i class="icon icon-double-angle-down"></i></a></div>
        </section> -->

        <div class="project_banner"><img src="dist/image/header.jpg"></div>

    </div>
    <div class="container">
        <section class="mb-60 bg-white pt-40 pb-20 clearfix">
            <!-- <h1 class="text-center mb-20">专业岗位定位图</h1>
            <div class="mb-20" style="height:530px;background-color:#d9e2e7;"></div>
            <p>★ 大学计算机体系图（课程之间的连接线是建议的学习先后关系。由多条虚线连接过来的课程，可选前面的其中一门课程进行学习）</p> -->

            
            <div class="col-md-2">
                <ul class="nav nav-secondary nav-stacked">
                    <li class="active"><a href="/domoko/view/major/major_basic.html" target="iframe">基础信息</a></li>
                    <li><a href="/domoko/view/major/major_point.html" target="iframe">定位</a></li>
                    <li><a href="/domoko/view/major/major_purpose.html" target="iframe">学习目标与预期</a></li>
                    <li><a href="/domoko/view/major/major_design.html" target="iframe">设计理念与框架</a></li>
                </ul>
            </div>
            <div class="col-md-10">
                <div class="row">
                    <p class="col-sm-6 mb-10"><span class="black">项目名称：</span>title 名称</p>
                    <p class="col-sm-6 mb-10"><span class="black">统一编码：</span>unidentifier 编码</p>
                    <p class="col-sm-6 mb-10"><span class="black">项目类别：</span>categy 类别</p>
                    <p class="col-sm-6 mb-10"><span class="black">所属专业：</span>zyid</p>
                    <p class="col-xs-12 mb-10"><span class="black">编制人员：</span>bzry</p>
                    <p class="col-sm-6 mb-10"><span class="black">审核人员：</span>auditor</p>
                    <p class="col-sm-6 mb-10"><span class="black">审核状态：</span>status</p>
                    <p class="col-sm-6 mb-10"><span class="black">创建时间：</span>createtime</p>
                    <p class="col-sm-6 mb-10"><span class="black">修改时间：</span>updatetime</p>
                </div>
                <hr>
                <iframe id="iframe" name="iframe" src="" scrolling="no" frameborder="0"></iframe>
            </div>

        </section>
        
        <section class="mb-60">
            <h1 class="text-center mb-20">请选择您感兴趣的岗位</h1>
            <div class="project_card flex">
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">二维动画师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">动画角色设计师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">三维动画建模师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">三维动画原画师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">三维动画材质灯光师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">三维骨骼绑定师</h2></div>
                </div></a>
                <a><div class="project_card_box">
                    <div class="project_card_img"><img src="dist/image/list.jpg"><h2 class="text-center">更多岗位正在制作中<br>敬请期待！</h2></div>
                </div></a>
            </div>
        </section>
        <section class="container mb-60">
            <h1 class="text-center mb-20">教师列表</h1>
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide card-teacher">
                        <div class="text-center mb-20"><img src="dist/image/photo.jpg"></div>
                        <h1 class="text-center mb-10">王王王</h1>
                        <h3 class="text-center mb-20">资深产品经理</h3>
                        <p>阿里巴巴资深产品经理，现任淘宝-闲鱼产品经理，是淘宝鱼雨产品的核心设计者之一，探索C2C市场交易效率和交易社区。曾任淘宝规则产品经理，负责设计和优化规则相关产品；淘宝共享业务平台产品经理，尝试基于商品和交易平台的产品创新。</p>
                    </div>
                    <div class="swiper-slide card-teacher">
                        <div class="text-center mb-20"><img src="dist/image/photo.jpg"></div>
                        <h1 class="text-center mb-10">王王王</h1>
                        <h3 class="text-center mb-20">资深产品经理</h3>
                        <p>阿里巴巴资深产品经理，现任淘宝-闲鱼产品经理，是淘宝鱼雨产品的核心设计者之一，探索C2C市场交易效率和交易社区。曾任淘宝规则产品经理，负责设计和优化规则相关产品；淘宝共享业务平台产品经理，尝试基于商品和交易平台的产品创新。</p>
                    </div>
                    <div class="swiper-slide card-teacher">
                        <div class="text-center mb-20"><img src="dist/image/photo.jpg"></div>
                        <h1 class="text-center mb-10">王王王</h1>
                        <h3 class="text-center mb-20">资深产品经理</h3>
                        <p>阿里巴巴资深产品经理，现任淘宝-闲鱼产品经理，是淘宝鱼雨产品的核心设计者之一，探索C2C市场交易效率和交易社区。曾任淘宝规则产品经理，负责设计和优化规则相关产品；淘宝共享业务平台产品经理，尝试基于商品和交易平台的产品创新。</p>
                    </div>
                    <div class="swiper-slide card-teacher">
                        <div class="text-center mb-20"><img src="dist/image/photo.jpg"></div>
                        <h1 class="text-center mb-10">王王王</h1>
                        <h3 class="text-center mb-20">资深产品经理</h3>
                        <p>阿里巴巴资深产品经理，现任淘宝-闲鱼产品经理，是淘宝鱼雨产品的核心设计者之一，探索C2C市场交易效率和交易社区。曾任淘宝规则产品经理，负责设计和优化规则相关产品；淘宝共享业务平台产品经理，尝试基于商品和交易平台的产品创新。</p>
                    </div>
                    <div class="swiper-slide card-teacher">
                        <div class="text-center mb-20"><img src="dist/image/photo.jpg"></div>
                        <h1 class="text-center mb-10">王王王</h1>
                        <h3 class="text-center mb-20">资深产品经理</h3>
                        <p>阿里巴巴资深产品经理，现任淘宝-闲鱼产品经理，是淘宝鱼雨产品的核心设计者之一，探索C2C市场交易效率和交易社区。曾任淘宝规则产品经理，负责设计和优化规则相关产品；淘宝共享业务平台产品经理，尝试基于商品和交易平台的产品创新。</p>
                    </div>
                </div>
                <style>
                    .swiper-container{margin:0 40px;}
                    .swiper-button-prev{left:0;background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999'%2F><%2Fsvg>");}
                    .swiper-button-next{right:0;background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999'%2F><%2Fsvg>")}
                </style>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </section>
    </div>
    
    <footer>
        <div class="container">
            <div class="link">
                <h1 class="mb-20">合作链接</h1>
                <div>
                    <a>腾讯大学</a><a>腾讯网教育频道</a><a>腾讯大讲堂</a><a>腾讯精品课</a><a>腾讯电脑管家</a><a>QQ智慧校园</a><a>环球网校</a>
                    <a>QQ音乐</a><a>QQ浏览器</a><a>企鹅FM</a><a>学神IT教育</a><a>中华考试网</a><a>云中帆教育</a><a>腾讯微云</a><a>天下网校</a><a>技成培训网</a>
                    <a>为课网校</a><a>中大网校</a><a>起点学院</a><a>人人都是产品经理</a><a>厚学网</a><a>课工场</a><a>公务员考试网</a><a>新东方在线</a>
                    <a>中公公务员网</a><a>学科网</a><a>233网校</a><a>我要自学网</a>
                </div>
            </div>
            <p class="text-center mb-10">主办单位：厦门大拇哥动漫股份有限公司</p>
            <p class="text-center mb-10">邮箱：kkintl@netvigator.com</p>
            <p class="text-center mb-10">网址：http://www.domoko.com.cn/</p>
            <p class="text-center mb-10">联系电话：0592-2529778</p>
            <p class="text-center">闽ICP备12000304号-2 地址：厦门市软件园二期望海路10号大拇哥大厦</p>
        </div>
    </footer>
</div>

<script src="__PUBLIC__/dist/js/jquery.min.js"></script>
<script src="__PUBLIC__/dist/js/swiper.min.js"></script>
<script src="/domoko/__PUBLIC__/dist/js/main.js"></script>
<script>
$('.nav').on('click', 'li:not(.nav-parent) > a', function() {
    var $this = $(this);
    $('.nav .active').removeClass('active');
    $this.closest('li').addClass('active');
});
$(function(){
    var swiper = new Swiper('.swiper-container', {
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
        slidesPerView: 3,
        spaceBetween: 20
    });
})
</script>
</body>
</html>